<template>
  <div class="main">
    <router-view/>
  </div>
</template>

<script>
export default {
  name:'侧边栏',
  setup(props,ctx){
    
    
  }
}
</script>



<style lang="scss">
html,body{
    margin: 0!important;
    padding:0!important;
}
.main{
  width: 100%;
  height: 100%;
  text-align: left;
}
.content-nav {
    height: 40px;
    margin: 0 0 10px 0;
    display: flex;
    
}

.content-nav .breadcrumb {
    height: 40px;
    line-height: 40px;
    flex: 1;
    color: #8492A6;
}

.content-nav .operation-nav {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: end;
}

.content-main {
    background: #fff;
}

.filter-box {
    height: auto;
    overflow: hidden;
}

.page-box {
    margin-top: 20px;
    text-align: right;
}

.form-table-box .el-input__inner {
    max-width: 240px;
}

.form-table-box .el-textarea {
    width: 400px;
}

.router-fade-enter-active,
.router-fade-leave-active {
    transition: opacity .3s;
}

.router-fade-enter,
.router-fade-leave-active {
    opacity: 0;
}

.form-tip{
    color: #888;
    font-size: 12px;
    line-height: 30px;
}
</style>
